import React from "react"
import { color } from "../Theme"
import { Icon, IconProps, Path } from "./Icon"

/** ArrowDownIcon */
export const ArrowDownIcon: React.FC<IconProps> = (props) => {
  return (
    <Icon {...props} viewBox="0 0 18 18">
      <Path d="M9 12.88L2.06 5.94l.88-.88L9 11.12l6.06-6.06.88.88z" fill={color(props.fill)} fillRule="evenodd" />
    </Icon>
  )
}
